// 主题色
$primary-color: #409EFF;
$success-color: #67C23A;
$warning-color: #E6A23C;
$danger-color: #F56C6C;
$info-color: #909399;

// 背景色
$bg-color: #f0f2f5;

// 文字颜色
$text-color: #303133;
$text-color-light: #606266;
$text-color-lighter: #909399;

// 边框颜色
$border-color: #DCDFE6;
$border-color-light: #E4E7ED;

// 菜单
$menu-bg: #1f2d3d;
$menu-text: #bfcbd9;
$menu-active-text: #409EFF;
$menu-hover: #263445;
$menu-width: 210px;
$menu-collapsed-width: 54px;
$menu-highlight: #263445;

// 头部
$header-height: 50px;
$header-bg: #fff;

// 标签栏
$tags-bar-height: 34px;
$tags-bar-bg: #fff;

// 主区域
$main-padding: 20px;

// 侧边栏
$sideBarWidth: 210px;
$hideSideBarWidth: 54px;

// 过渡时间
$transition-time: 0.3s;

// sidebar
$menuText:#bfcbd9;
$menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5;

$menuBg:#304156;
$menuHover:#263445;

$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$navbarHeight: 50px;

// the :export directive is the magic sauce for webpack
// https://mattferderer.com/use-sass-variables-in-typescript-and-javascript
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  hideSideBarWidth: $hideSideBarWidth;
  navbarHeight: $navbarHeight;
} 